<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/resources/images/favicon.ico"
	type="image/x-icon">
<link rel="icon" href="/resources/images/favicon.ico"
	type="image/x-icon">
<script src="/resources/js/jquery.1.9.1.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
<script src="/resources/js/jquery.ui.widget.js"></script>
<script src="/resources/js/jquery.iframe-transport.js"></script>
<script src="/resources/js/jquery.fileupload.js"></script>
<script src="/resources/js/myuploadfunction.js"></script>
<script src="/resources/js/simple-expand.min.js"></script>
<title>Đăng ảnh hài hước</title>
<script type="text/javascript">
	$(function() {
		$('.expander').simpleexpand();
	});
</script>
</head>
<body>
	<tiles:insertDefinition name="defaultTemplate">
		<tiles:putAttribute name="body">
			<div id="mainContainer">
				<div class="mainBox inputForm upload">
					<div class="subHeading">
						<h3 style="float:left">Đăng hình ảnh mới</h3>
						<h3 style="float:right"><a onclick="alert('Chức năng này hiện chưa hoàn thành. bạn vui lòng thử lại sau nhé !!!')">Đăng Video</a></h3>
					</div>
					<div style="padding: 10px">
					<div class="alert alert-info" role="alert"><b
								style="color: red"> Chú ý: Tuyệt đối không đăng ảnh liên
								quan đến các vấn đề chính trị, tôn giáo, đồi trụy, trái với
								thuần phong mỹ tục.</b> <b><a class="expander"> Xem Thêm Nội Quy</a></b>
							<div class="hide-content">
							<ul>
							<li>Không đăng ảnh đã bị trùng</li>
							<li>Đặt tiêu đề ngắn gọn và sáng tạo. Tránh đặt kiểu : "hãy vãi", "chuẩn" ... tuyệt đối không được dùng từ dung tục</li>
							<li>Ảnh sưu tầm mà để tự làm có thể bị xóa mà không cần thông báo</li>
							<li>Không đăng ảnh tự sướng, dìm hàng</li>
							<li>Không đăng ảnh chứa thông tin cá nhân của người khác (kể cả tên, avatar, link Facebook), trừ người nổi tiếng</li>
							<li>Đừng xóa watermark của ảnh (nếu có) để đăng bạn nhé! Hãy tôn trọng sự sáng tạo!</li>
							<li>Đăng ảnh phản động, đồi trụy sẽ bị khóa tài khoản ngay lập tức</li>
							</ul>
							</div>
						</div>
						<p class="required">
							<label for="file"> Chọn file ảnh (không quá 3MB) </label> <input
								id="fileupload" type="file" name="files[]"
								data-url="/upload/uploadFile">
								<div id="file-error" class="alert alert-danger error-msg" role="alert"></div>
						</p>
						<p class="required">
							<label for="Caption">Tiêu đề của ảnh</label> <input id="troll-title"
								style="width: 450px" type="text" class="form-control"
								placeholder="Tiêu đề của ảnh: tối đa 200 ký tự" maxlength="200">
								<div id="title-error" class="alert alert-danger error-msg" role="alert"></div>
						</p>
						<p>
							<input class="checkBoxWidth" data-val="true"
								data-val-required="The Ảnh này do tui tự làm! field is required."
								id="IsSelfMade" name="IsSelfMade" type="checkbox"> <label
								class="checkboxLabel" for="IsSelfMade">Ảnh này do tui tự
								làm! (chỉ tick nếu ảnh này do bạn tự chế, tự chụp, tự vẽ...)</label>
						</p>
						<p>
							<label for="Source">Nguồn của ảnh</label> <input id="source-image"
								style="width: 450px" type="text" class="form-control"
								placeholder="nguồn ảnh">
								<div id="source-image-error" class="alert alert-danger error-msg" role="alert"></div>
						</p>
						<p class="buttonSet">
							<button class="btn btn-primary buttons submitButton" type="submit"
								id="uploadImageBtn">Đăng ảnh</button>
						</p>
					</div>
				</div>

			</div>
		</tiles:putAttribute>
	</tiles:insertDefinition>
</body>
</html>